<template>
  <view class="nextBox">
      <view class="next" v-if="show" @click="changeNextCat">
          <text class="iconfont icon-Top"></text>
          <text>{{$t('diy.nextClass')}}</text>
      </view>
  </view>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods:{
      // 点击切换下一分类
      changeNextCat() {
          this.$emit('nextCat')
      }
  }
};
</script>

<style lang="scss" scoped>
.next {
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24rpx;
    font-family: PingFang SC;
    color: #8c8c8c;
    .iconfont {
        margin-right: 4rpx;
        font-size: 32rpx;
    }
}
</style>